<template>
  <div class="info-container">
    <van-cell-group>
      <van-field
        v-model="state.fromData.gddz"
        name="gdms"
        label="预警编号"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警区域"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警类型"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警来源"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警级别"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="涨水河流"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="测站名称"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警发生时间"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警时间"
        label-align="top"
      />
      <van-field v-model="state.fromData.gdms" name="bz" label="涨幅" label-align="top" />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="警戒水位"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警发布单位"
        label-align="top"
      />
      <van-field
        v-model="state.fromData.gdms"
        name="bz"
        label="预警发布时间"
        label-align="top"
      />
    </van-cell-group>
  </div>
</template>

<script setup>
import { reactive, onMounted } from "vue";
const state = reactive({
  checked: false,
  fromData: {},
});
</script>

<style lang="less" scoped>
.info-container {
  height: 100%;
}
</style>
